#@head() #@header()
<title>融资需求管理</title>
#@aside("custser")
<script type="text/javascript" src="#(path)/assets/js/jquery.tmpl.min.js"></script>
<div class="content-wrapper">
	<section class="content">
		<div class="nav-tabs-custom" >
            <ul class="nav nav-tabs">
              <li class="active" ><a href="#(path)/admin/page/custser-come" style="cursor:pointer" >客户访问</a></li>
			  <!--<li class=""><a href="#(path)/admin/page/custser-back" style="cursor:pointer">回访</a></li>-->
			  <li class=""><a href="#(path)/admin/page/custser-workorder" style="cursor:pointer">工单</a></li>
            </ul>
            <div class="tab-content">
              <!-- 来访 -->
				<div class="tab-pane active" id="tab_1">
					<div class="input-group margin" style="float:left">
						<label style="float:left;margin-top:8px;margin-left:5px;">真实姓名：</label>
						<input type="text" id="realname" style="width:150px;margin-right:20px;" class="form-control" placeholder="" >
						<label style="float:left;margin-top:8px;margin-left:5px;">用户名：</label>
						<input type="text" id="usermobile" style="width:150px;" class="form-control" placeholder="" >
						<label style="float:left;margin-top:8px;margin-left:20px;">访问时间：</label>
						<input type="text" id="startime" class="form-control" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" style="width:120px;float:left;margin-left:10px;">
						<span style="float:left;margin:5px 5px 0 5px;">—</span> 
						<input type="text" id="endtime" class="form-control" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" style="width:120px;float:left;margin-right:20px;">
						
						<span style="float:left;margin-left:20px" class="input-group-btn">
						  <button id="visitsearch" type="button" class="btn btn-info btn-flat">搜索</button>
						</span>
					</div>
					<div class="box-body">
						<table  id="example1" class="table table-striped">
							<thead>
								<tr>		
									<th>ID</th>
									<th>来访时间</th>
									<th>真实姓名</th>
									<th>用户名</th>
									<th>方式</th>
									<th>所属客服</th>
									<th>问题</th>
									<th>操作</th>
								</tr>
							</thead>
							<tbody id="userlist">
								
							</tbody>
						</table>
						<div class="box-footer clearfix">
						  <ul class="pagination pagination-sm no-margin pull-right">
							<li id="userlist1"><a href="#">首页</a></li>
							<li id="userlist2"><a href="#">上一页</a></li>
							<li><a href="#">第<span id="userlist5"></span>页 共<span id="userlist6"></span>页</a></li>
							<li id="userlist3"><a href="#">下一页</a></li>
							<li id="userlist4"><a href="#">尾页</a></li>
						  </ul>
						</div>
					</div>
				</div>
			</div>
		</div> 
	</section>
</div>
#@footer()
<script id="userlistall" type="text/x-jquery-tmpl">
	<tr>
		<td>${id}</td>
		<td>${create_time}</td>
		<td>${real_name}</td>
		<td>${mobile}</td>
		<td>${type}</td>
		<td>${agent_name}</td>
		<td>${matter}</td>
		<td>
			<div class="btn-group">
			  <button  cid='${id}' type="button" class="btn btn-success cla">查看</button>
			</div>
		</td>
	</tr>
</script>

<script>
 $(document).ready(function(){
		var totalPage = 1;
		var pageNumber = 1;
		var usermobile = "";
		var realname = '';
		var starttime = '';
		var endtime = '';
		$("#userlist").empty();
		userlist(pageNumber,usermobile,realname,starttime,endtime);
		$("#userlist5").html(pageNumber);
		$("#userlist1").click(function(){
			$("#userlist").empty();
			pageNumber = 1;
			userlist(pageNumber,usermobile,realname,starttime,endtime);
			$("#userlist5").html(pageNumber);
		});
		$("#userlist2").click(function(){
			if(pageNumber==1){
				alert("当前页是首页!");
			}else{
			$("#userlist").empty();
			pageNumber = pageNumber-1;
			userlist(pageNumber,usermobile,realname,starttime,endtime);
			$("#userlist5").html(pageNumber);
			}
		});
		$("#userlist3").click(function(){
			if(pageNumber==totalPage){
				alert("当前页是尾页!");
			}else{
				$("#userlist").empty();
				pageNumber = pageNumber +1;
				userlist(pageNumber,usermobile,realname,starttime,endtime);
				$("#userlist5").html(pageNumber);
			}
		});
		$("#userlist4").click(function(){
			$("#userlist").empty();
			pageNumber = totalPage;
			userlist(pageNumber,usermobile,realname,starttime,endtime);
			$("#userlist5").html(pageNumber);
		});
		$("#visitsearch").click(function(){
			$("#userlist").empty();
			usermobile = $("#usermobile").val();
			realname = $("#realname").val();
			starttime = $("#starttime").val();
			endtime = $("#endtime").val();
			pageNumber = totalPage; 
			userlist(pageNumber,usermobile,realname,starttime,endtime);
			$("#userlist5").html(pageNumber);
		});
		function userlist(pageNumber,usermobile,realname,starttime,endtime){
			$.getJSON("/visit/list?token=#(session.token??)&page="+pageNumber+"&size=12&isSolve=1&moible="+usermobile+"&realName="+realname+"&createTimeStart="+starttime+"&createTimeEnd="+endtime, function(userli) {
				console.log(userli);
				totalPage = userli.data.page.totalPage;
				$("#userlist6").html(totalPage);
				$.each(userli.data.page.list, function(i, item){ 
					if(item.type=="back"){type="回访" }
						else if(item.type=="come"){type="来访" }
						console.log(item.id);
					var userlist = {id:item.id,agent_name:item.agent_real_name,create_time:item.create_time,id:item.id,is_valid:item.is_valid,matter:item.matter,mobile:item.mobile,real_name:item.real_name,solve:item.solve,tel:item.tel,type:type,user_id:item.user_id};
					$("#userlistall").tmpl(userlist).appendTo('#userlist');
				});
				$(".cla").click(function(){
					var that= $(this);
					var idval = that.attr("cid");
					window.location.href="#(path)/admin/page/custser-orderinfo?id="+idval;
					/**if(cal3=="cal1"){
						window.location.href="#(path)/admin/page/custser-orderinfo?id="+idval;
					}else if(cal3=="cal2"){
						$.getJSON("/visitCheck/setCheck?token=#(session.token??)&id="+idval, function(data) {
							if(data.code=='success'){
								layer.msg(data.msg, {icon:1},function(){
									location.href="#(path)/admin/page/custser-come"
								});
							}else if(data.code=='error'){
								layer.msg(data.msg, {icon:2});
							}
						});
					}*/
				});
			});	
		}
		function getNowFormatDate() {
			var date = new Date();
			var seperator1 = "-";
			var seperator2 = ":";
			var month = date.getMonth() + 1;
			var strDate = date.getDate();
			if (month >= 1 && month <= 9) {
				month = "0" + month;
			}
			if (strDate >= 0 && strDate <= 9) {
				strDate = "0" + strDate;
			}
			var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate
					+ " " + date.getHours() + seperator2 + date.getMinutes()
					+ seperator2 + date.getSeconds();
			return currentdate;
		}
		function  DateDiff(sDate1,  sDate2){    //sDate1和sDate2是2006-12-18格式  
			   var  aDate,  oDate1,  oDate2,  iDays  
			   aDate  =  sDate1.split("-")  
			   oDate1  =  new  Date(aDate[1]  +  '-'  +  aDate[2]  +  '-'  +  aDate[0])    //转换为12-18-2006格式  
			   aDate  =  sDate2.split("-")  
			   oDate2  =  new  Date(aDate[1]  +  '-'  +  aDate[2]  +  '-'  +  aDate[0])  
			   iDays  =  parseInt(Math.abs(oDate1  -  oDate2)  /  1000  /  60  /  60  /24)    //把相差的毫秒数转换为天数  
			   return  iDays  
		} 
});
   
</script> 

</body>
</html>

